/* 选项卡(显示形式：横线，纵向) */
.tab-mainColor-horizontal-list{

}
.tab-mainColor-horizontal-list-head {
    background-color: var(--mainDark2Color);
    /*box-shadow: 0px 0px 1px 1px var(--mainDark2Color);*/
    display: flex;
    justify-content: space-around;
    border-top-left-radius: .8rem;
    border-top-right-radius: .8rem;
}

.tab-mainColor-horizontal-list-head-item:last-child{
    margin-right: 0px;
}
.tab-mainColor-horizontal-list-head-item{
    float: left;
    width: 100%;
    line-height: 3rem;
    margin-right: 1px;
    color: var(--colorWhite);
    background-color: var(--mainLight1Color);
    text-align: center;
    background-image: linear-gradient(var(--mainLight1Color), var(--mainColor));
}
.tab-mainColor-horizontal-list-head-item:hover{
    background-image: linear-gradient(var(--mainColor), var(--mainLight1Color));
    cursor: pointer;
}
.tab-mainColor-horizontal-list-head-item.active{
    background-image: linear-gradient(var(--mainColor), var(--mainLight1Color));
}
.tab-mainColor-horizontal-list-body {
    border-top: 0px;
    border: 1px solid var(--mainLight1Color);
}

/*****************************************************/

.tab-colorLightDark-horizontal-list{
    /*box-shadow: 0px 0px .1rem .1rem var(--colorLightOpacity5Dark);*/
}
.tab-colorLightDark-horizontal-list-head {
    border: 1px solid var(--colorLightOpacity5Dark);
    border-bottom: 0px;
    display: flex;
    justify-content: space-around;
}

.tab-colorLightDark-horizontal-list-head-item:last-child{
    margin-right: 0px;
}

.tab-colorLightDark-horizontal-list-head-item{
    float: left;
    width: 100%;
    line-height: 3rem;
    margin-right: 1px;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: var(--mainLight1Color);
    text-align: center;
    color: var(--color666);
    background-image: linear-gradient(var(--colorWhite), var(--colorLightDark));
}
.tab-colorLightDark-horizontal-list-head-item:hover{
    background-image: linear-gradient(var(--colorLightDark), var(--colorWhite));
    cursor: pointer;
}
.tab-colorLightDark-horizontal-list-head-item.active{
    background-image: linear-gradient(var(--colorLightDark), var(--colorWhite));
    color: var(--color333);
}

.tab-colorLightDark-horizontal-list-body {
    background-color: #FFFFFF;
    background-color: var(--colorWhite);
    border-top: 0px;
    border: 1px solid var(--colorLightOpacity5Dark);
}

/*****************************************************/


/* 导航(显示形式：横向，纵向；内容：均衡分布，紧凑列表，单个面板块) */
.nav-mainColor-horizontal-list-split-line {
    height: 2rem;
    line-height: 2rem;
    margin: 0px;
    margin-top: .8rem;
}
.nav-mainColor-horizontal-list-split-line-item {
    float: left;
    padding: 0rem .6rem;
    list-style: none;
    color: var(--colorVeryDark);
}
.nav-mainColor-horizontal-list-split-line-item-line {
    float: left;
    padding: 0rem .6rem;
    list-style: none;
    color: var(--colorLightDark);
}

.nav-mainColor-vertical-list {
    margin: 0 auto;
    /*width: 50%;*/
    width: 80%;
    width: 80%;
    border-radius: 1rem;
    font-family: "微软雅黑", sans-serif;
    border: 1px solid var(--mainLight2ColorRGB3);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 0 4px 8px 0 var(--mainLight2ColorRGB2), 0 6px 20px 0 var(--mainLight2ColorRGB2);
}

.nav-mainColor-vertical-list-item:first-child{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.nav-mainColor-vertical-list-item:last-child {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.nav-mainColor-vertical-list-item {
    line-height: 4.2rem;
    height: 4.2rem;
    font-size: 1.25rem;
    border-bottom: 1px solid var(--mainLight2ColorRGB2);
    letter-spacing: .1rem;
    color: var(--subMainColor);

    transition: background-color 1s linear,color 0.5s ease-out;
    -moz-transition: background-color 1s linear,color 0.5s ease-out;/* Firefox 4 */
    -webkit-transition: background-color 1s linear,color 0.5s ease-out;/* Safari 和 Chrome */
    -o-transition: background-color 1s linear,color 0.5s ease-out;	/* Opera */
}
.nav-mainColor-vertical-list-item:hover {
    background-color: var(--mainLight2Color);
    cursor: pointer;
    color: var(--colorWhite);
}
.nav-mainColor-vertical-list-item:hover > .nav-mainColor-vertical-list-item-left {
    color: var(--colorWhite);
}
.nav-mainColor-vertical-list-item:hover  a {
    color: var(--colorWhite) !important;
    text-decoration: none;
}
.nav-mainColor-vertical-list-item-left {
    float: left;
    font-size: 2rem;
    margin-left: 1.6rem;
    width: 15%;
    color: var(--subMainLight2ColorRGB6);
}
.nav-mainColor-vertical-list-item-right {
    float: left;
    margin-left: 1.1rem;
    height: 100%;
}
.nav-mainColor-vertical-list-item-right a{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
.nav-mainColor-vertical-list-item.active {
    border-bottom: 1px solid var(--mainLight2Color);
}



.nav-colorLightDark-vertical-list {
    width: 100%;
    font-family: "微软雅黑", sans-serif;
    border: 1px solid var(--colorLightDark);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 0 4px 8px 0 var(--colorLightDark), 0 6px 20px 0 var(--colorLightOpacity2Dark);
}
.nav-colorLightDark-vertical-list-item {
    line-height: 5rem;
    height: 5rem;
    font-size: 1.3rem;
    border-bottom: 1px solid var(--colorLightDark);
    letter-spacing: .1rem;
    color: var(--mainColor);
    text-align: center;

    transition: background-color 1s linear,color 0.5s ease-out;
    -moz-transition: background-color 1s linear,color 0.5s ease-out;/* Firefox 4 */
    -webkit-transition: background-color 1s linear,color 0.5s ease-out;/* Safari 和 Chrome */
    -o-transition: background-color 1s linear,color 0.5s ease-out;	/* Opera */
}
.nav-colorLightDark-vertical-list-item:hover {
    background-color: var(--colorLightDark);
    background-image: linear-gradient(var(--colorWhite),var(--colorLightDark));
    cursor: pointer;
    color: var(--mainDark1Color);
}
.nav-colorLightDark-vertical-list-item:hover > .nav-colorLightDark-vertical-list-item-left {
    color: var(--colorWhite);
}
.nav-colorLightDark-vertical-list-item:hover  a {
    color: var(--colorWhite) !important;
    text-decoration: none;
}
.nav-colorLightDark-vertical-list-item-left {
    float: left;
    font-size: 2rem;
    margin-left: 1.6rem;
    width: 15%;
    color: var(--subMainLight2ColorRGB6);
}
.nav-colorLightDark-vertical-list-item-right {
    float: left;
    margin-left: 1.1rem;
    height: 100%;
}
.nav-colorLightDark-vertical-list-item-right a{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
.nav-colorLightDark-vertical-list-item.active {
    background-color: var(--colorLightDark);
    background-image: linear-gradient(var(--colorWhite),var(--colorLightDark));
    cursor: pointer;
    color: var(--mainDark1Color);
}


.nav-mainLight1Color-vertical-list {
    width: 80%;
    min-width: 160px;
    font-family: "微软雅黑", sans-serif;
    border: 1px solid var(--mainLight2ColorRGB3);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    /*box-shadow: 0 4px 8px 0 var(--mainLight2ColorRGB2), 0 6px 20px 0 var(--mainLight2ColorRGB2);*/
}

.nav-mainLight1Color-vertical-list-item:first-child {
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
}
.nav-mainLight1Color-vertical-list-item:last-child {
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
}

.nav-mainLight1Color-vertical-list-item {
    line-height: 5rem;
    height: 5rem;
    font-size: 1.3rem;
    letter-spacing: .1rem;
    color: var(--colorLightDark);
    background-color: var(--mainLight1Color);
    /*border-bottom: 1px solid var(--colorLightDark);*/
    text-align: center;

    transition: background-color 1s linear,color 0.5s ease-out;
    -moz-transition: background-color 1s linear,color 0.5s ease-out;/* Firefox 4 */
    -webkit-transition: background-color 1s linear,color 0.5s ease-out;/* Safari 和 Chrome */
    -o-transition: background-color 1s linear,color 0.5s ease-out;	/* Opera */
}
.nav-mainLight1Color-vertical-list-item a:link,.nav-mainLight1Color-vertical-list-item a:visited{
    color: var(--colorLightDark);
}

.nav-mainLight1Color-vertical-list-item:hover {
    background-color: var(--mainColor);
    background-image: linear-gradient(var(--mainLight1Color),var(--mainColor));
    cursor: pointer;
    color: var(--colorWhite);
}
.nav-mainLight1Color-vertical-list-item:hover > .nav-mainColor-vertical-list-item-left {
    color: var(--colorWhite);
}
.nav-mainLight1Color-vertical-list-item:hover  a {
    color: var(--colorWhite) !important;
    text-decoration: none;
}
.nav-mainLight1Color-vertical-list-item-left {
    float: left;
    font-size: 2rem;
    margin-left: 1.6rem;
    width: 15%;
    color: var(--subMainLight2ColorRGB6);
}
.nav-mainLight1Color-vertical-list-item-right {
    float: left;
    margin-left: 1.1rem;
    height: 100%;
}
.nav-mainLight1Color-vertical-list-item-right a{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
.nav-mainLight1Color-vertical-list-item.active {
    background-color: var(--mainColor);
    background-image: linear-gradient(var(--mainLight1Color),var(--mainColor));
    cursor: pointer;
    color: var(--colorWhite);
}
.nav-mainLight1Color-vertical-list-item.active > a {
    color: var(--colorWhite);
}


.nav-mainColor-horizontal-list{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.nav-mainColor-horizontal-list-item{
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 4rem;
    font-size: 1.25rem;
    width:8rem;
    font-weight: bold;
    color: var(--color666);
    text-align: center;
}

.nav-mainColor-horizontal-list-item:hover {
    background-color: var(--colorEEE);
    cursor: pointer;
    border-bottom: 2px solid var(--mainColor);
}

.nav-mainColor-horizontal-list-item.active {
    border-bottom: 2px solid var(--mainColor);
}

.nav-mainColor-horizontal-grid{
    /*height: 3.5rem;*/
    line-height: 3.5rem;
}

.nav-mainColor-horizontal-grid-sm{
    line-height: 5rem;
}

.nav-mainColor-horizontal-grid-item4:hover{
    text-decoration: underline;
    color: var(--mainDark1Color);
    cursor: pointer;
}
.nav-mainColor-horizontal-grid-item4 {
    float: left;
    height: 100%;
    width: 24.8%;
    font-size: 1.3rem;
    border-right: 1px solid var(--colorLightDark);
    color: var(--mainColor);
    text-align: center;
    border-bottom: 1px solid var(--colorLightDark);
}

.style-ul-list li {
    list-style: square !important;
    list-style-position: inside !important;
    line-height: 2rem;
}
.style-can-clicked:hover {
    text-decoration: underline;
    color: var(--mainDark1Color);
    cursor: pointer;
}
.nav-mainColor-horizontal-grid-itemN {
    float: left;
    height: 100%;
    width: 24.8%;
    font-size: 1.3rem;
    border-right: 1px solid var(--colorLightDark);
    color: var(--mainColor);
    text-align: center;
    border-bottom: 1px solid var(--colorLightDark);
}

.nav-mainColor-panel-one {
    margin: 0 auto;
    width: 10rem;
    text-align: center;
    line-height: 3.5rem;
    font-weight: bold;
    color: var(--mainColor);
    border: 1px solid var(--colorLightDark);
    border-radius: 1rem;
}
.nav-subMainColor-panel-one {
    margin: 0 auto;
    width: 10rem;
    text-align: center;
    line-height: 3.5rem;
    font-weight: bold;
    color: var(--subMainColor);
    border: 1px solid var(--subMainLight1Color);
    border-radius: 1rem;
    cursor: pointer;
    box-shadow: 0px 0px 1px 1px var(--subMainLight1Color);

    transition: background-color 1s linear,color 0.5s ease-out;
    -moz-transition: background-color 1s linear,color 0.5s ease-out;/* Firefox 4 */
    -webkit-transition: background-color 1s linear,color 0.5s ease-out;/* Safari 和 Chrome */
    -o-transition: background-color 1s linear,color 0.5s ease-out;	/* Opera */
}

.nav-subMainColor-panel-one:hover{
    background-color: var(--subMainLight1Color);
    color:var(--colorWhite);
}

/* 按钮(xs,sm,md,lg) */
.button-mainColor-md {
    background-color: var(--mainColor);
    line-height: 3rem;
    width: 10rem;
    border: 0px;
    color: white;
    color: var(--colorWhite);
    border-radius: 5rem;
}

.btn-mainColor-md {
    border: 0px;
    cursor: pointer;
    line-height: 3rem;
    display: inline-block;
    width: 8rem;
    color: var(--colorWhite);
    background-color: var(--mainLight1Color);
    border-radius:.5rem;
    text-align: center;
    margin-right: 1rem;
    box-shadow: 0px 0px 1px 1px var(--mainLight1Color);
    outline: none;

    transition: background-color 1s linear,color 0.5s ease-out;
    -moz-transition: background-color 1s linear,color 0.5s ease-out;/* Firefox 4 */
    -webkit-transition: background-color 1s linear,color 0.5s ease-out;/* Safari 和 Chrome */
    -o-transition: background-color 1s linear,color 0.5s ease-out;	/* Opera */
}
.btn-mainColor-md:hover{
    background-color: var(--mainColor);
    color:var(--colorWhite);
}

.btn-subMainColor-md {
    cursor: pointer;
    line-height: 3rem;
    display: inline-block;
    width: 8rem;
    color: var(--colorWhite);
    background-color: var(--subMainLight1Color);
    border-radius:.5rem;
    text-align: center;
    margin-right: 1rem;
    box-shadow: 0px 0px 1px 1px var(--subMainLight1Color);

    transition: background-color 1s linear,color 0.5s ease-out;
    -moz-transition: background-color 1s linear,color 0.5s ease-out;/* Firefox 4 */
    -webkit-transition: background-color 1s linear,color 0.5s ease-out;/* Safari 和 Chrome */
    -o-transition: background-color 1s linear,color 0.5s ease-out;	/* Opera */
}
.btn-subMainColor-md:hover{
    background-color: var(--subMainColor);
    color:var(--colorWhite);
}

.btn-subMainColor-sm {
    cursor: pointer;
    line-height: 2rem;
    display: inline-block;
    width: 6rem;
    color: var(--colorWhite);
    background-color: var(--subMainLight1Color);
    border-radius:.5rem;
    text-align: center;
    margin-right: 1rem;
    box-shadow: 0px 0px 1px 1px var(--subMainLight1Color);
    border:1px solid var(--subMainLight1Color);

    transition: background-color 1s linear,color 0.5s ease-out;
    -moz-transition: background-color 1s linear,color 0.5s ease-out;/* Firefox 4 */
    -webkit-transition: background-color 1s linear,color 0.5s ease-out;/* Safari 和 Chrome */
    -o-transition: background-color 1s linear,color 0.5s ease-out;	/* Opera */
}
.btn-subMainColor-sm:hover {
    background-color: var(--subMainColor);
    color:var(--colorWhite);
}

/* 面板(只有内容体，带有头部和尾部) */
.panel-mainColor {
    border: 3px solid var(--colorLightOpacity2Dark);
    border-radius: .6rem;
}

.panel-mainColor-shadow{
    border: 1px solid var(--mainColor);
    box-shadow: 0 0 .8rem 0rem var(--mainColor);
}

.panel-mainLight2Color-shadow{
    border: 1px solid var(--mainLight2Color);
    border-radius: .5rem;
    box-shadow: 0 0 .8rem 0rem var(--mainLight2Color);
}

.panel-colorLightDark-shadow{
    border: 1px solid var(--colorLightDark);
    border-radius: .5rem;
    box-shadow: 0 0 .5rem 0rem var(--color333RGB8);
}

.panel-colorLightOpacity2Dark-shadow{
    background-color: var(--colorWhite);
    background-color: #FFFFFF;
    border: 1px solid var(--colorLightOpacity2Dark);
    border-radius: 1rem;
    box-shadow: 0 0 1rem 0rem var(--colorLightOpacity2Dark);
}

.panel-mainColor-head-simple {
    color: var(--color666);
    padding: 1rem;
    font-weight: bold;
    font-size: 1.3rem;
}

.panel-mainColor-body-list {
    padding: 0.5rem 1.5rem;
}

.panel-mainColor-body-list-item {
    line-height: 2rem;
    font-size: 1.1rem;
    border-bottom: 1px dotted var(--colorLightDark);
    text-indent: .5rem;
    padding: .5rem;
    word-break: break-all;
}

.panel-mainColor-body-list-item a:link{
    color: var(--color333);
    text-decoration: none;
}
.panel-mainColor-body-list-item a:hover {
    color: var(--mainColor);
    text-decoration: underline;
}
.panel-mainColor-body-list-item a:visited {
    color: var(--color333);
    text-decoration: none;
}
.panel-mainColor-body-list-item:last-child {
    border-bottom: 0px;
}
.panel-mainColor-body-list-item-row1{
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 2rem;
    padding-top: .8rem;
    cursor: pointer;
    color: var(--color333);
}
.panel-mainColor-body-list-item-row1 small {
    font-size: 1.1rem;
}
.panel-mainColor-body-list-item-row3 {
    line-height: 2.5rem;
}
.panel-mainColor-body-list-item-row3col1{
    float: left;
    color: var(--color666);
}
.panel-mainColor-body-list-item-row3col2 {
    float: right;
    color: var(--color666);
    padding-right: .5rem;
}
.panel-mainColor-body-list-item-row2 {
    line-height: 1.5rem;
    word-break: break-all;
    color: var(--color999);
    padding: 0.5rem 0rem;
}

.panel-mainColor-head {
    padding: 1rem;
    color: var(--colorWhite);
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
    font-weight: bold;
    font-size: 1.3rem;
    border-bottom:1px solid  var(--colorLightDark);
    background-image: linear-gradient(var(--mainLight1Color), var(--mainColor));
}

.panel-top-radius {
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
}

.panel-radius {
    border-radius: .6rem;
}

.panel-bottom-radius{
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
}

.panel-colorLightDark-head {
    padding: 1rem;
    color: var(--color333);
    font-weight: bold;
    font-size: 1.3rem;
    border-bottom:1px solid  var(--colorLightDark);
    background-image: linear-gradient(var(--colorWhite), var(--colorLightDark));
}

.panel-colorF8-head {
    padding: 1rem;
    color: var(--color333);
    font-weight: bold;
    font-size: 1.3rem;
    border-bottom:1px solid  var(--colorF8);
    background-color: var(--colorF8);
}

.panel-colorF8 {
    padding: 1.5rem;
    border-bottom:1px solid  var(--colorF8);
    background-color: var(--colorF8);
}

.panel-colorF9 {
    padding: 1.5rem;
    border-bottom:1px solid  var(--colorF9);
    background-color: var(--colorF9);
}

.panel-sub-top{
    position: fixed;
    width: 100%;
}

.panel-mainColor-body{
    background-color: var(--colorLight);
    background-color: #FFFFFF;
    list-style: none;
    padding: 0px;
    margin: 0px;
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
    min-height: 3rem;
}

.panel-mainColor-top {
    /*
    background-color: var(--colorLightOpacity2Dark);
    background-color: rgba(224, 224, 224, .2);
    */
    background-image: linear-gradient(var(--colorLightOpacity2Dark), var(--colorF8), var(--colorLightOpacity2Dark));
    background-image: linear-gradient(rgba(224, 224, 224, .2), #FEFEFE, rgba(224, 224, 224, .2));
    line-height: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    position: fixed;
    top: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-color: white;
    border-bottom: 1px solid var(--colorLightOpacity2Dark);
    box-shadow: 0px 0px 2px 2px var(--colorLightOpacity2Dark);
}

.panel-mainColor-top ul {
    padding: 0px;
}
.panel-mainColor-body-left {
    float: left;
    width:50%;
}
.panel-mainColor-body-left .home {
    margin-left:35%;
    color: var(--subMainLight2Color);
    font-size: 1.2rem;
}
.panel-mainColor-body-left .home:hover {
    cursor: pointer;
    color: var(--mainColor);
}
.panel-mainColor-body-left a:hover {
    cursor: pointer;
    color: var(--mainColor) !important;
}
.panel-mainColor-body-left a:visited {
    cursor: pointer;
    color: var(--subMainLight2Color);
}

.panel-mainColor-body-left i {
    font-size: 1.5rem;
    position: relative;
    top:1px;
}
.panel-mainColor-body-mid {
    float: right;
    margin-right: 20%;
}
.panel-mainColor-body-mid a{
    color: var(--colorVeryDark) !important;
}
.panel-mainColor-body-mid a:hover{
    color: var(--mainColor) !important;
}
.panel-mainColor-body-right {
    float: right;
}

/*带图文的面板*/
.panel-mainColor-icon2text {
    /*border: 1px solid var(--colorLightDark);*/
    float: left;
    margin-right:2.66%;
    width: 23%;
    min-height: 25rem;
    background-color: var(--colorWhite);
    transition: box-shadow .3s ease;
    box-shadow: 0 10px 12px 0 rgba(10,14,29,.02), 0 2px 12px 0 rgba(10,14,29,.08);
    border-radius: .8rem;
    transition: transform .3s ease;
    height:575px;
}

.panel-mainColor-icon2text:hover {
    cursor: pointer;
    transform: translate3d(0,-8px,0);
    box-shadow: 0 10px 12px 0 rgba(10,14,29,.04), 0 2px 13px 0 rgba(10,14,29,.16);
}

.panel-mainColor-icon2text:first-child {
    margin-left: 0px;
}
.panel-mainColor-icon2text:last-child {
    float: right;
    margin-right: 0px !important;
}

.panel-mainColor-icon2text-item-top {
    border-bottom: 1px solid var(--colorLightOpacity5Dark);
    min-height: 18rem;
    padding-top: 1rem;
}
.panel-mainColor-icon2text-item-top-icon {
    /*float: left;*/
    height: 8rem;
    text-align: center;
    line-height: 8rem;
}
.panel-mainColor-icon2text-item-top-text {
    font-size: 1.2rem;
    letter-spacing: .2rem;
    padding: 1.5rem 1.2rem;
    text-align: justify;
    text-indent:2rem;
    color: var(--subMainDark1Color);
    word-break: break-word;
}
.panel-mainColor-icon2text-item-bottom {
    line-height: 2.5rem;
    font-size: 1.2rem;
    padding: .5rem;
    color: var(--color333);
    /*word-break: keep-all;*/
}

.panel-mainColor-icon2text-item-bottom-list {
    border-top: 1px dotted var(--colorLightOpacity5Dark);
    line-height: 2.5rem;
    font-size: 1.2rem;
    color: var(--color333);
    word-break: keep-all;
    padding: 1.5rem .5rem;
}
.panel-mainColor-icon2text-item-bottom-list li {
    /*list-style: disc;
    list-style-position: inside;*/
    text-indent: .5rem;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color666);
}
.panel-mainColor-icon2text-item-bottom-list li a {
    color: var(--color666);
}

.panel-mainColor-icon2text-item-bottom a.active {
    color: var(--subMainColor);
}
.panel-mainColor-icon2text-item-bottom a {
    margin:2px;
    color: var(--color333);
}

.panel-mainColor-chapter-info{
    padding: 1rem;
    border: 1px solid var(--colorLightOpacity2Dark);
    border: 1px solid rgba(224, 224, 224, .2);;
    box-shadow: 0px 0px .2rem .2rem var(--colorLightOpacity2Dark);
    box-shadow: 0px 0px .2rem .2rem rgba(224, 224, 224, .2);;
    border-radius: 1rem;
}
.panel-mainColor-chapter-info-top {
    line-height: 3rem;
}
.panel-mainColor-chapter-info-top-title {
    float: left;
    color: var(--color333);
    color: #333333;
}
.panel-mainColor-chapter-info-top-title h2 {
    font-size: 1.3rem;
    letter-spacing: .1rem;
}
.panel-mainColor-chapter-info-top-content {
    float: right;
    font-size: 1.1rem;
    color: var(--color666);
    color: #666666;
}
.panel-mainColor-chapter-info-top-content a {
    color: var(--colorLightDark);
    color: rgb(224, 224, 224);
    font-size: 1rem;
}
.panel-mainColor-chapter-info-top-content a:hover {
    color: var(--mainColor);
    color: #0D5BB3;
}
.panel-mainColor-chapter-info-mid {
    letter-spacing: .1rem;
    font-size: 1.1rem;
    line-height: 2rem;
    padding: 0px 0px 1rem 0px;
    word-break: break-all;
    color: var(--color999);
    color: #999999;
}
.panel-mainColor-chapter-info-mid img {
    border-radius: .5rem;
    height: 10rem;
    max-width: 90%;
}

.panel-mainColor-chapter-info-bottom {
    border-top: 2px solid var(--colorLightOpacity2Dark);
    font-size: 1rem;
    color: var(--colorVeryDark);
    color: #CCCCCC;
    line-height: 3rem;
    border-bottom: 2px solid var(--mainLight1ColorRGB2);
}

.panel-mainColor-chapter-info-bottom .img {
    line-height: 0px;
}
.panel-mainColor-chapter-info-bottom img {
    height: 2.5rem;
    margin-top: .3rem;
    border-radius: 50%;
}

.panel-mainColor-chapter-info-bottom .user-name {
    font-size: 1.1rem;
    font-weight: bold;
}
.panel-mainColor-chapter-info-bottom .doc-info {
    color: var(--colorVeryDark);
    color: #CCCCCC;
}

.panel-mainColor-title {
    line-height:5rem;
    text-align: center;
    color: var(--mainColor);
    color: #0D5BB3;
    letter-spacing: .1rem;
}

/* 面板中的二级标题 */
.panel-sub-title {
    font-weight: bolder;
    font-size: 1.3rem;
    line-height: 2rem;
    margin: 1rem 0px .1rem 0px;
    letter-spacing: .1rem;
}

.panel-sub-body {
    margin-top: .2rem;
    font-size: 15px;
    line-height: 32px;
    border-bottom: 1px solid var(--colorLightDark);
    padding-bottom:5px;
    word-break: break-all;
}

.panel-sub-body pre {
    margin: 0px;
    font-size: 15px;
    font-family: Consolas,"Source Code Pro";
    background-color: var(--colorDark);
    color: var(--colorLightDark);
    padding: .4rem;
    box-shadow: 0rem 0rem 6px 6px var(--color333) inset;
    word-break: break-word;
    width: 95%;
    white-space:pre-wrap;
    overflow: auto;
}

.panel-sub-title-user {
    font-weight: bolder;
    font-size: 1.5rem;
    line-height: 3.5rem;
    margin: 1rem 0px .1rem 0px;
    letter-spacing: .1rem;
}
.panel-sub-body-user {
    margin-top: .2rem;
    font-size: 1.2rem;
}

.panel-mainColor-search {
    margin-top: 3rem;
}
.panel-mainColor-search .sub-title {
    font-weight: bold;
    letter-spacing: .1rem;
}
.panel-mainColor-search-item-top {
    line-height: 3rem;
    color: var(--mainLight2Color);
    font-family: "微软雅黑", sans-serif;
    font-size: 1.2rem;
}
.panel-mainColor-search-item-bottom {
    line-height: 2.5rem;
    color: var(--colorVeryDark);
    font-size: 1.1rem;
}
.panel-mainColor-search-item-bottom a{
    text-decoration: underline;
}

.panel-mainColor-search-wlogo {
    border-bottom: 1px solid var(--colorLightDark);
    padding: .5rem 0rem .5rem 1rem;
}
.panel-mainColor-search-wlogo-logo {
    width:8rem;
    text-align: center;
    margin-right: 1rem;
}
.panel-mainColor-search-wlogo-logo img {
    height: 6rem;
    margin-top: -1.3rem;
}

/* 搜索结果面板*/
.panel-mainColor-search-body {
    margin-left: 10rem;
}
.panel-mainColor-search-body-item {
    margin-bottom: 2rem;
}
.panel-mainColor-search-body-item-title {
    font-size: 1.3rem;
    line-height: 3rem;
}
.panel-mainColor-search-body-item-describe {
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: var(--color666);
    padding: 0 0 1rem 0;
    border-bottom: 1px solid var(--colorLightDark);
}
.panel-mainColor-search-body-item-info {
    line-height: 2.3rem;
}
.panel-mainColor-search-body-item-info .user-info {
    color:var(--color999);
    font-size: 1rem;
    font-weight: bold;
}
.panel-mainColor-search-body-item-info .user-head {
    line-height: 0px;
}
.panel-mainColor-search-body-item-info .user-head img {
    height: 2rem;
    margin-top: .2rem;
    border-radius: 50%;
}
.panel-mainColor-search-body-item-info img {
    height: 2rem;
}
.panel-mainColor-search-body-item-info .document-info {
    color: var(--subMainLight1Color);
}

.panel-mainColor-page {
    line-height: 3rem;
    margin-top: 3rem;
}

.panel-mainColor-page .page-static {
    width: 46rem;
    margin: 0 auto;
}
.panel-mainColor-page li {
    float: left;
    margin-right: 1rem;
}
.panel-mainColor-page .page-info {
    float: left;
    padding-left: 1rem;
    color: var(--color999);
    width: 20%;
}
.panel-mainColor-page .page-body {
    float: right;
    width: 70%;
}
.panel-mainColor-page .page-left {
    float: left;
    margin-left: .5rem;
}
.panel-mainColor-page .page-right {
    float: right;
    width: 25%;
    padding-right: .5rem;
}
.panel-mainColor-page .page-right input {
    width: 20%;
}
.panel-mainColor-page .page-right .form-group {
    text-align: right;
}

.panel-mainColor-page a{
    border: 1px solid var(--mainLight2Color);
    padding: .5rem 1rem;
}

.article-page-pre a,article-page-next a{
    overflow: hidden;
    line-height: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20rem;
    display: inline-block;
    text-align: center;
}

.panel-mainColor-page a:hover{
    background-color: var(--mainColor);
    color: var(--colorWhite);
    border: 1px solid var(--colorWhite);
}
.panel-mainColor-page li.active a,.panel-mainColor-page a.active {
    background-color: var(--mainColor);
    color: var(--colorWhite);
    border: 1px solid var(--colorWhite);
}
.panel-mainColor-page li.disabled a {
    background-color: var(--colorLightDark);
    color: var(--color999);
    border: 1px solid var(--colorLightDark);
}

/*表单面板*/
.panel-form {
    line-height: 3rem;
    width: 100%;
}
.panel-form-item {
    padding: 1rem;
    width: 95%;
    margin: 0px auto;
}
.panel-form-item-label {
    width:10rem;
    text-align: center;
    color: var(--colorDeepDark);
    font-size: 1.2rem;
    float: left;
    position: relative;
    max-width: 10%;
}

.panel-form-item-input {
    float: left;
    width: 80rem;
    max-width: 90%;
}
.panel-form-item-input input {
    font-size: 1.3rem;
}
.panel-form-item-input textarea {
    font-size: 1.2rem;
    padding: .5rem;
}

.panel-mainColor-document-info {
    font-family: "PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,Verdana,"Microsoft Yahei";
}

.panel-mainColor-document-info-top {
    border-bottom: 1px solid var(--colorLightDark);
    color: var(--color333);
    font-size: 1.5rem;
    line-height: 3.5rem;
}
.panel-mainColor-document-info-top h1 {
    line-height:2rem;
    padding: 1rem;
    font-size: 1.5rem;
    margin: 0px;
    font-family: "Microsoft YaHei", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", sans-serif;
    word-break: break-all;
}

.panel-mainColor-document-info-top p {
    line-height: 2.2rem;
    font-size: 1.1rem;
    text-indent: 2rem;
    padding: 0 .5rem .5rem .5rem;
    text-align: left;
    word-break:break-all;
}
.panel-mainColor-document-info-md {
    border-bottom: 1px solid var(--colorLightDark);
}
.panel-mainColor-document-info-md-name {
    font-size: 1.2rem;
    line-height:5rem;
    color: var(--colorVeryDark);
    font-weight: bold;
}
.panel-mainColor-document-info-bottom {
    line-height: 2.5rem;
    color: var(--colorVeryDark);
    padding: 0 .5rem 0 .5rem;
}
.panel-mainColor-document-info-md img {
    margin-top:1rem;
    height: 3rem;
    border-radius: .5rem;
}

.panel-color666-content-no {
    color: var(--color666);
    font-size: 1.2rem;
    letter-spacing: .1rem;
    line-height: 3rem;
}

.panel-mainColor-content-no {
    text-align: center;
    color: var(--colorLightDark);
    margin-top:3rem;
}

.list-flex {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.list-item {
    width: 30%;
    border-radius: 3px;
    min-height: 300px;
    background: #fff;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 8px 0 rgba(10,14,29,.02), 0 8px 16px 0 rgba(10,14,29,.08);
    border-radius: 3px;
}
.list-item:hover {
    box-shadow: 0 14px 32px 0 rgba(10,14,29,.02), 0 18px 64px 0 rgba(10,14,29,.08);
    cursor: pointer;
}
.list-item h3 {
    font-size: 19px;
    text-align: center;
    margin-top: 35px;
}
.list-item p {
    color: #525666;
    font-size: 17px;
    width: 80%;
    margin: 28px auto;
    text-indent: 2rem;
    line-height: 35px;
}
.list-item a {
    display:block;
    text-indent: 0px;
    text-align: center;
    width: 100%;
}

/* 输入控件 */
.textarea-mainColor {
    border: 1px solid var(--colorVeryDark);
    outline: none;
    text-align: left;
    width: 100%;
    height: 6rem;
    line-height: 2rem;
}
.textarea-mainColor:hover {
    border: 1px solid var(--mainDark1Color);
    outline: none;
}
.select-control {
    padding: .6rem;
    outline: none;
}
.input-search-mainColor {
    width:35rem;
    max-width: 500px;
    float: left;
    font-size: 1.3rem;
    display: block;
    height: 3rem;
    border: .2rem solid var(--colorLightOpacity2Dark) !important;
    box-shadow: 0 0 .1rem .1rem var(--colorLightDark);
    line-height: 3rem;
    padding: 0px 0px 0px .3rem;
}
.input-search-mainColor:hover{
    border: .2rem solid var(--mainColor) !important;
    /*box-shadow: 0 0 .2rem .2rem var(--mainLight2Color);*/
}
.input-search-btn-mainColor {
    background-color: var(--mainLight1Color);
    display: block;
    float: left;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: .2rem;
    width: 10rem;
    height: 3rem;
    color: var(--colorWhite);
    line-height: 3rem;
    border: .2rem solid var(--mainLight1Color);
}
a.input-search-btn-mainColor:link{
    color: var(--colorWhite);
}
.input-search-btn-mainColor:hover{
    background-color: var(--mainColor);
    border: .2rem solid var(--mainColor);
    color: var(--colorWhite);
    text-decoration: none;
}

/*辅助类，强制去除边框，背景等*/
.remove-margin-padding{
    margin: 0px;
    padding: 0px;
}

.text-align-left{
    text-align: left !important;
}
.remove-border{
    border: 0px !important;
}
.remove-border-radius{
    border-radius: 0px !important;
}
.remove-border-top-left-radius{
    border-top-left-radius: 0px !important;
}
.remove-border-top-right-radius{
    border-top-right-radius: 0px !important;
}
.remove-border-right{
    border-right: 0px !important;
}
.remove-margin-right{
    margin-right: 0px !important;
}
.remove-margin{
    margin: 0px !important;
}
.remove-padding {
    padding: 0px !important;
}

/* 边框 */
.border-colorLightDark-dotted1{
    border: 1px dotted var(--colorLightDark);
}
.border-top-left-radius8 {
    border-top-left-radius: .8rem;
}
.border-top-right-radius8 {
    border-top-right-radius: .8rem;
}
.border-bottom-left-radius8  {
    border-bottom-left-radius: .8rem;
}
.border-bottom-right-radius8  {
    border-bottom-right-radius: .8rem;
}

/* 高度 */
.max-height1000 {
    max-height: 1000px;
    overflow: auto;
}

/*标签*/
.label-mainColor {
    background-color: var(--mainColor);
    color: var(--colorWhite);
    padding: .2rem .5rem;
    font-size:.8rem;
    border-radius: 1rem;
}

/*html 标签*/
.panel-sub-body pre {
    margin: 0px;
    font-size: 1.2rem;
    font-family: Consolas,"Source Code Pro";
    background-color: var(--colorDark);
    color: var(--colorLightDark);
    padding: .4rem;
    box-shadow: 0rem 0rem .4rem .4rem var(--color333) inset;
}
.chapter-seg-img {
    max-height: 500px;
    display: block;
    margin: 0 auto;
    max-width: 90%;
}


/*tree其他样式*/
.jstree-default .jstree-wholerow-clicked {
    background: var(--mainLight1Color) !important;
    background: -webkit-linear-gradient(top, var(--mainLight2Color) 0, var(--mainLight1Color) 100%) !important;
    background: linear-gradient(to bottom, var(--mainLight2Color) 0, var(--mainLight1Color) 100%) !important;
}
.jstree-default .jstree-clicked {
    color: var(--colorWhite) !important;
}